<%@include file="inc/pagetop.jsp" %>
<%@include file="inc/topmenu.jsp" %>
<div class="helpPageContent">
<p class="helpNote"><strong>NOTE:  This is a quick start up guide. See the images below for visual representation.</strong> </p>
<!--Help shortcuts/links -->
<p class="quickLinksList">
   <a href="#searchTerm">
     <strong>
       <span style="text-decoration: underline">Keyword (Term) Search</span>
     </strong>
   </a>
   <br />
   <a href="#searchEntity">
     <strong>
       <span style="text-decoration: underline">Person (Entity) Search</span>
     </strong>
   </a>
   <br />
   <a href="#graphControls">
     <strong>
       <span style="text-decoration: underline">Graph controls</span>
     </strong>
   </a>   
   <br />   
   <a href="#movingNode">
     <strong>
       <span style="text-decoration: underline">Moving graph Nodes</span>
     </strong>
   </a>
   <br />
   <a href="#removeRestoreNode">
     <strong>
       <span style="text-decoration: underline">Removing/Restoring graph Nodes</span>
     </strong>
   </a>   
   <br />
   <a href="#moreDetails">
     <strong>
       <span style="text-decoration: underline">Person Details ("Click for more details" link)</span>
     </strong>
   </a>
   <br />
</p>
<!--Help / content -->
<p class="oddText"><a name="searchTerm"><strong><span style="text-decoration: underline">Keyword (Term) Search</span></strong></a> </p>
<ul>
    <li>To perform a keyword (term) search do the following:</li>
    <li>
        <ul>
            <li>Click on "New Search" top menu link.</li>
            <li>Type your search term into "Search Term 1:" and/or "Search Term 2:" field</li>
            <li>If "Search Term 2:" is used then select the correct "Search Operator" (AND or NOT)"</li>
            <li>Click on the "Search" button.</li>
        </ul>
    </li>
</ul>
<hr />
<p class="evenText"><a name="searchEntity"><strong><span style="text-decoration: underline">Person (Entity) Search</span></strong></a> </p>
<ul>
    <li>To perform a person (entity) search do the following:</li>
    <li>
        <ul>
            <li>Click on "New Search" top menu link.</li>
            <li>Type person's name into "Search Term 1:" field</li>
            <li>Select "Search Type" as Person-Entity (radio button)</li>
            <li>Click on the "Search" button.</li>
        </ul>
    </li>
</ul>
<hr />
<p class="oddText"><a name="graphControls"><strong><span style="text-decoration: underline">Graph controls</span></strong></a> </p>
<ul>
<li>To Zoom In/Out or move around the graph, use the graph navigation control tool at the bottom right-hand corner of the Graph area:</li>
</ul>
<hr />
<p class="evenText"><a name="movingNode"><strong><span style="text-decoration: underline">Moving graph Nodes</span></strong></a> </p>
<ul>
    <li>To move a node in the display:</li>
    <li>
        <ul>
            <li>Click and drag the node</li>
        </ul>
    </li>
</ul>
<hr />
<p class="oddText"><a name="removeRestoreNode"><strong><span style="text-decoration: underline">Removing/Restoring graph Nodes</span></strong></a> </p>
<ul>
    <li>To remove a node in the display:</li>
    <li>
        <ul>
            <li>Right Click on the node</li>
            <li>Select the "Delete node" option from the drop down menu</li>
        </ul>
    </li>
    <li>To restore a node back to the display:</li>
    <li>
        <ul>
            <li>In the "Removed Node" area, click on the red 'X' next to the required node. </li>
        </ul>
    </li>
</ul>
<hr />
<p class="evenText"><a name="moreDetails"><strong><span style="text-decoration: underline">Person Details ("Click for more details" link) - Opens in a new window!</span></strong></a> </p>
<ul>
<li>To find find out more information about a person (entity) do the following:
    <ul>
<li>Click on a graph node.</li>
<li>In the "Details" area (a blue box area on the left hand side), click on the "Click for more details" link.</li>
<li>Note: This action will open a new browser window or a new browser tab.</li>
    </ul>
    </li>
</ul>
<hr />
<div class="helpTopicImage">

    <img title="top menu and search box" src="img/menuAndSearchBox.png" alt="top menu and search box" />

</div>
<div class="helpTopicImage">

    <img title="graph controls and details box" src="img/graphAndSideBox.png" alt="graph controls and details box" />

</div>
</div>
<%@include file="inc/footer.jsp" %>
<%@include file="inc/pagebottom.jsp" %>